<template>
	<div class="vip-card-detail">
		<xndj-header title="会员卡详情"></xndj-header>
		<dl >
			<dt>会员卡详情</dt>
			<dd>
				<span>特权说明</span>
				<p>到点消费请出示此微会员卡！</p>
			</dd>
			<dd>
				<span>电话</span>
				<p>
					<a href="tel:0755-86066989">0755-86066989</a>
				</p>
			</dd>
			<dd>
				<span>商户服务</span>
				<p>免费wifi</p>
			</dd>
			<dd>
				<span>使用须知</span>
				<p>到点消费请出示此微会员卡！<br> 注册会员可享受充值赠送！</p>
			</dd>
		</dl>
	</div>
</template>
<script>
export default {
  name: "vip-card-detail"
};
</script>
<style lang="scss" scoped>
@import "../assets/scss/lib/index.scss";
.vip-card-detail {
  display: flex;
  flex-direction: column;
	dl{
		 padding:0 $offset $offset;
		 background: #fff;
		 font-size: 24px;
		 dt{
			 border-bottom: 1px solid color(bc);
			 padding: $offset 0;
			 
		 }
		 dd{
			 display: flex;
			 margin-top: $offset;
			 span{
				 width: 20%;
				 color: color(gray);
				 text-align: justify;
				 padding-right: 20px;
				 &::after{
					 content: '';
					 display: inline-block;
					 width: 100%;
					 height: 0;
				 }
			 }
			 p{
				 a{
					 color: color(green);
				 }
			 }
		 }
	}
}
</style>